<!DOCTYPE html>

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Centering Example</title>


    <style>


        .container {


            display: flex;


            justify-content: center;


            align-items: center;


            height: 100vh; /* 使容器的高度占满整个视口 */


        }


        img {


            max-width: 100%;


            height: auto; /* 保持图片的长宽比 */


        }


    </style>


</head>


<body>


    <div class="container">


        <img src="/Awards.bmp" alt="Example Image">


    </div>


</body>


</html>

